<script lang="ts" setup>
// #region 引入包, 函数和组件
// import { ref } from "vue"
// #endregion

// #region // 使用模块(仓库、路由、父组件参数函数)

// #endregion

// #region // 变量

// #endregion

// #region // 函数

// #endregion

// #region // 生命周期和vue函数

// #endregion

</script>

<template>
  <router-view #default="{ Component }">
    <transition name="app" mode="out-in">
      <component :is="Component"></component>
    </transition>
  </router-view>
</template>

<style lang="scss" scoped>
.app-leave-active,
.app-enter-active {
  transition: all 0.3s ease;
}
.app-enter-from,
.app-leave-to {
  opacity: 0;
  transform: translateY(10px);
}
</style>
